import styles from './index.less';
// import './index.less';
import { useEffect } from 'react';
// import { ArticleModelState, useDispatch, useSelector } from 'umi';
import cls from 'classnames';

export default function IndexPage() {
  // const {articles} = useSelector((state: {article: ArticleModelState}) =>state.article);
  // const dispatch = useDispatch();

  // useEffect(() => {
  //   dispatch({
  //     type: 'article/getArticleList'
  //   });
  // }, []);

  return (
    <div>
      {/* <ul>{
        articles.map(article =>{
          return <li key={article.id}>
            <img src={article.cover} alt=""/>
            <p className={cls(styles.title, styles.active)}>{article.title}</p>
            <p className="title1">{article.content}</p>
            <p>{article.summary}</p>
          </li>
        })}</ul> */}
    </div>
  );
}
